<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./sass/css/public_head_footer.css">
    <link rel="stylesheet" href="./font/iconfont.css">
    <link rel="stylesheet" href="./sass/css/cartlist.css">
</head>

<body>
    <div class='tip'>
        <div class='wrapper'>
            <span>风险提示：近期有不法分子以商品质量为由，致电客户主动要求退款，套取卡号及密码，诈骗钱财，请您保持警惕，保护好个人信息，谨防诈骗。
            </span>
        </div>
    </div>
    <div id='header'>
        <div class='wrapper'>
            <div class='head_left'>
                <span><a href="./index1.html" class="iconfont icon-yugao">邮乐首页</a></span>
            </div>
            <div class='head_right'>
                <span class="welcome"><b>您好，欢迎来到邮乐网！</b><a class="login_registry" href="./login.html">[请登录]</a> <a class="login_registry" href="./registry.html">[免费注册]</a><strong class="showName"></strong></span>
                <span class='cp'>|</span>
                <span class='addCursor'>我的邮乐</span>
                <span class='cp'>|</span>
                <span class='addCursor'>手机邮乐</span>
                <span class='cp'>|</span>
                <span class='addCursor'>全部商品分类</span>
                <span class='cp'>|</span>
                <span class='addCursor'>网站地图</span>
                <span class='cp'>|</span>
                <span class='addCursor'>帮助中心</span>
                <span class='cp'>|</span>
                <span style="color:rgb(191, 98, 32)">TEL:11185</span>
            </div>
        </div>
    </div>
    <div id='banner'>
        <div class='wrapper'>
            <a href=""></a>
            <p class="iconfont icon-guoji">邮乐网,有就购啦！</p>
        </div>
    </div>
    <div id="content">
        <div class='wrapper'>
            <div class="topOne">
                <p class="ulegoods">邮乐商品(<span></span>)</p>
                <p class="iconfont icon-shipin">我的收藏夹</p>
            </div>
            <!-- 有关商品的各个属性 -->
            <div class="showTop">
                <input type="checkbox" class="allCheck inputs">
                <p>商品信息</p>
                <p>单价</p>
                <p>商品数量</p>
                <p>价格合计</p>
                <p>操作</p>
            </div>
            <div class="showAll">
                <!-- 隐藏一个预备的结构 用于后面克隆渲染 -->
                <div class="showTop pref">
                    <input type="checkbox" class="oneCheckbox inputs">
                    <!-- 商品信息 -->
                    <p></p>
                    <!-- 单价 -->
                    <p class="singlePrice"></p>
                    <!-- 数量 -->
                    <p><button class="leftbut">-</button><input type="text" class="nums"><button class="rightbut">+</button></p>
                    <!-- 合计价格 -->
                    <p class="lastSums"></p>
                    <!-- 删除 -->
                    <p>删除</p>
                </div>
            </div>

            <!-- 商品的总价等信息 -->
            <div class="allInfo">
                <input type="checkbox" class="allCheck">&emsp;全选
                <button class="clearCartlist">清空购物车</button>
                <button class="clearSelectCartlist">批量删除</button>
                <p>
                    <span>商品总数:</span>
                    <span class="sumNum">0件</span>
                </p>
                <p>
                    <span>价格合计:</span>
                    <span class="sumPrice">￥0.00</span>
                </p>
                <p>
                    <span>促销抵扣:</span>
                    <span class="discount">-￥0.00</span>
                </p>
                <p class="lastPrice">
                    <span>商品总价:</span>
                    <span class="sumPrice">￥0.00</span>
                </p>
                <p class="lastButton">
                    <button class="keepBuy"><a href="./list.html" style="color:black">继续购物</a></button><br>
                    <button class="goPay">去结账</button>
                </p>

            </div>
        </div>

    </div>
    <div id='footer'>
        <div class='wrapper'>
            <pre>
            酒类商品零售许可证：浦市监酒零字 第 JY13101150070309-JL 号食品经营许可证：JY13101150070309统一社会信用代码：913100006916203638

            沪公网安备 31011502009005号 | 沪ICP备 13037728号-1 | (沪)网械平台备字[2020]第00009号 | Copyright 2009-2021, 版权所有上海邮乐网络技术有限公司 ULE.COM</pre>
        </div>

    </div>
</body>

</html>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="./script/cartlist_show.js"></script>